<template>
  <div style="height:100%">
    <link rel="stylesheet" v-if="isNight" href="./static/css/night.css">
    <link rel="stylesheet"  v-if="isNight" href="./static/css/theme/index.css">
    <link rel="stylesheet"  v-if="!isNight" href="./static/css/dayi.css">
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {
      random: "",
      isNight:true
    };
  },
  methods: {},
  watch: {},
  computed: {},
  mounted() {
    let isNight = localStorage.getItem("isNight");

    if (isNight == "true") {
      // const night = () => import('./assets/css/night.css')
      // const theme = () => import('./theme/index.css')
      // night()
      // theme()
      // import("./assets/css/night.css");
      // import("./theme/index.css");
      this.isNight=true;
    } else {
      // const dayi = () => import('./assets/css/dayi.css')
      // dayi()
      // import("./assets/css/dayi.css");
      this.isNight=false
    }
  }
};
</script>
<style lang="stylus" scoped></style>